<template>
  <el-breadcrumb separator="/" class="bread">
    <el-breadcrumb-item v-for="item in navs" :key="item.path" :to="{ path: item.path }">{{item.meta['title']}}</el-breadcrumb-item>
  </el-breadcrumb>
</template>

<script>
export default {
  computed:{
    navs(){
      let navPath=this.$route.matched;
      navPath[0].path='/';
      return navPath;
    }
  },
  created(){
    console.log(this.$route);
  }
}
</script>

<style lang="less" scoped>
    .bread{
        margin:15px;
    }
</style>